<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="CLEditor1_3_0/jquery.cleditor.css">
    <script src="CLEditor1_3_0/jquery.min.js"></script>
    <script src="CLEditor1_3_0/jquery.cleditor.js"></script>
    <script>
        $(document).ready(function () {
            $("#input").cleditor();
        });

        </script>
    <style>.form_1{
        width: 500px;
        height: 500px;
        /*background-color: chartreuse;*/
        position: absolute;
        top: 100px;
        left: 550px;
    }
    .form_1 input,.form_1 textarea{
        position: absolute;
        right: 100px;
    }
    .form_1 span{
        position: absolute;
        left: 100px;
    }
    .form_1 button{
        position: absolute;
        left: 300px;
        bottom: -50px;
    }</style>

</head>
<body>
<div class="container">
    <form action="add" method="post" class="form_1">
        <span>id</span> <input name="id" type="text" required> <br><br>
        <span>name</span> <input name="name" type="text" required> <br><br>
        <span>phone</span> <input name="phone" type="text" required> <br><br>
        <span>email</span> <input name="email" type="text" required> <br><br>
        <span>title</span> <input name="title" type="text" required> <br><br>

        <span>content</span> <br><textarea name="content"  required cols="23" rows="8" id="input"> </textarea> <br><br>

        <button  type="submit"> 点击添加
        </button>



    </form>
</div>

</body>
</html>